.header {
	height: 2.64rem;
	width: 100%;
	background: url('../img/login/indexHeaderBg.png') no-repeat;
	background-size: cover;
	color: #fff;
}

.header .title {
	font-size: 36px;
}

.header .profile span {
	font-size: 24px;
}

.header .personInfo p{color:#fff;}
.header .profile span.mui-icon {
	font-size: 16px;
}


@media screen and (min-width:321px) and (max-width:375px) {
	.header .title {
		font-size: 18px;
	}
	.header .profile span {
		font-size: 14px;
	}
}

@media screen and (min-width:376px) and (max-width:414px) {
	.header .title {
		font-size: 20px;
	}
	.header .profile span {
		font-size: 14px;
	}
}

@media screen and (min-width:415px) and (max-width:639px) {
	.header .title {
		font-size: 24px;
	}
	.header .profile span {
		font-size: 16px;
	}
}

@media screen and (min-width:640px) and (max-width:719px) {
	.header .title {
		font-size: 28px;
	}
	.header .profile span {
		font-size: 18px;
	}
}

@media screen and (min-width:720px) and (max-width:749px) {
	.header .title {
		font-size: 32px;
	}
	.header.profile span {
		font-size: 20px;
	}
}

@media screen and (min-width:750px) and (max-width:799px) {
	.header .title {
		font-size: 36px;
	}
	.header .profile span {
		font-size: 24px;
	}
}